<template>
	<view>
		<uni-titles :title="title+'种植管理'"></uni-titles>
		<uni-instruct :list="inslist"></uni-instruct>
		<view class="choosebox">
			<uni-inputs :title="'候物期'" :placeholder="'花季分化期'" readonly :showBborder="false"></uni-inputs>
			<uni-inputs :title="'操作时间'" :placeholder="'自动获取当前时间'" readonly :showBborder="false"></uni-inputs>
			<uni-inputs :title="'当日天气'" :placeholder="'自动获取'" readonly :showBborder="false"></uni-inputs>
		</view>
		<view class="nongmanage">
			<view class="fs-32">农事管理</view>
			<view class="mar-top22 itembox">
				<view class="item" v-for="(d,index) in nonglist" :key="d.name">
					<u-button type="success" :text="d.name" size="small"></u-button>
				</view>
			</view>

		</view>
		<uni-imgs @changimgs="changimgs"></uni-imgs>
		<uni-supplement></uni-supplement>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '',
				inslist: [{
						name: '清水河小区1号地',
						value: '除草'
					},
					{
						name: '龙湖时代广场楼顶实验地',
						value: '除虫'
					},
				],
				nonglist: [{
						name: '巡园'
					},
					{
						name: '灌水'
					},
					{
						name: '保花保果'
					}, {
						name: '巡园'
					},
					{
						name: '巡园'
					},{
						name: '巡园'
					},
				]
			}
		},
		methods: {

		},
		onLoad(d) {
			this.title = d.title
			
		}
	}
</script>

<style lang="scss">
	page{
		padding-bottom: 20rpx;
	}
	.choosebox {
		background: #fff;
		margin: 20rpx 30rpx 0;
		padding: 2rpx 0rpx;
		border-radius: 8rpx;
		box-sizing: border-box;
	}

	.nongmanage {
		background: #fff;
		margin: 20rpx 30rpx 0;
		padding: 24rpx 20rpx;
		border-radius: 8rpx;
		box-sizing: border-box;

		.itembox {
			display: grid;
			grid-template-columns: repeat(auto-fill, 23%);
			justify-content: space-between;

			.item {
				display: inline-block;
				min-width: 150rpx;
				margin-bottom: 20rpx;
			}
		}
	}
</style>
